.add-page {
  width: 100%;
  min-height: 100vh;
  height: 100%;
  padding-top: 155.77rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #F9F7F7;

  .add-container {
    width: 480.77rpx;
    height: 480.77rpx;
    padding: 19.23rpx;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;

    .none-add {
      width: 100%;
      height: 100%;
      position: relative;
      &::after, &::before {
        content: '';
        display: block;
        width: 223.08rpx;
        height: 9.62rpx;
        background-color: #FF2452;
        border-radius: 11.54rpx;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%);
      }
  
      &::after {
        transform: translate(-50%) rotate(90deg);
      }
    }

    .content {
      width: 100%;
      height: 100%;
    }
    .del-icon {
      width: 53.85rpx;
      height: 53.85rpx;
      position: absolute;
      right: 0;
      top: 0;
      border-radius: 50%;
      transform: translateX(50%) translateY(-50%);
    }
  }

  .tip {
    margin-top: 48.08rpx;
    font-size: 28.85rpx;
    color: #333333;
  }
}